<template>
	<view>
		<view :style="{height:height+'px'}" style="background-color: #000000;">
			
		</view>
		<view class="content">
			<u-card title="登录" style="width: 80%;" :border="false">
				<view class="" slot="body" >
					<u-form :model="dataForm" ref="dataForm" >
						<u-form-item left-icon="account" ><u-input placeholder="用户名"  v-model="dataForm.userName" /></u-form-item>
						<u-form-item left-icon="lock" ><u-input placeholder="密码" type="password"  v-model="dataForm.password" /></u-form-item>
					</u-form>
					<u-button type="primary">确定</u-button>
				</view>
			</u-card>
			<!-- <view>
				<tag size="default" :config="{name:'label',icon:'img'}" :data="data"></tag>
				 <tag size="large"  isIcon isDel :config="{name:'label',icon:'img'}" :data="data1"></tag> 
			</view> -->
		</view>
	</view>
</template>

<script>
	import tag from "@/pages/common/tag.vue"
	export default {
		data() {
			return {
		        dataForm:{
					userName:'',
					password: ''
				},
				mode: 'date',
				height: 0
				
			}
		},
		components:{
			tag
		},
		mounted() {
			plus.navigator.setFullscreen(true);
			this.height = plus.navigator.getStatusbarHeight()
		},
		methods: {

		}
	}
</script>

<style>
	.content {
		height: calc(100vh - var(--status-bar-height));
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		
	}

	
</style>
